<template>
    <div class="login">
      <el-row style="margin-top: 100px">
        <el-col :span="6" :offset="10" style=" font-size:20px">欢迎使用零件库存管理系统</el-col>
      </el-row>
      <el-form id="login-form" :model="loginForm" :rules="loginRules"  ref="loginForm" label-width="500px" class="demo-ruleForm" style="margin-top: 10px">
        <el-form-item style="color: #fff;" label="工号" prop="code" >
          <el-input v-model="loginForm.code" autocomplete="off" style="width: 300px"></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
          <el-input type="password" v-model="loginForm.password" autocomplete="off" style="width: 300px"></el-input>
        </el-form-item>
      </el-form>
      <el-row style="margin-top: 10px">
        <el-col :span="6" :offset="14" style=" font-size:20px"><el-button @click="login" type="primary" round ><span>登录</span></el-button></el-col>
      </el-row>
    </div>
</template>

<script src="./login.js"></script>




